﻿body 
{
    background-color:#0777AF;
    background-image:url("../images/earth.png");
    background-repeat:no-repeat;
    background-attachment:fixed;
    background-position-x:center;
    background-position-y:bottom;
}
input, input:focus, button, button:focus{
 outline:none;
 outline:1px !important;
}
div.star
{
    top:0px;
    left:0px;
    width:100%;
    height:100%;
    position:absolute;
    background-image:url("../images/star.png");
    background-repeat:repeat-x;
    background-position-x:0%;
    background-position-y:0%;
}
div.night
{
    top:0px;
    left:0px;
    width:100%;
    height:100%;
    position:absolute;
    background-image:url("../images/night_bg.png");
    background-repeat:repeat-x;
    background-position-x:0%;
    background-position-y:0%;
}
ul
{ 
    padding:0px;
    margin:0px;
    list-style-type:none;
}
div.login
{
    width:600px;
    height:294px;
    margin-top:15%;
    margin-left:auto;
    margin-right:auto;
    background-repeat:no-repeat;
    text-align:center;
}
div.un_d
{
    top:30px;
    margin:15px;
    float:left;
    width:260px;
    height:35px;
    position:relative;
}
div.pw_d
{
    left:20px;
    top:30px;
    margin:15px;
    float:left;
    width:260px;
    height:35px;
    position:relative;
}
div.dialog1
{
    float:left;
    top:20px;
    left:50px;
    background-image:url(../images/dialog.png);
    width:120px;
    height:39px;
    line-height:45px;
    vertical-align:bottom;
    color:#ccc;
    font-family:Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
    position:relative;
}
div.dialog2
{
    float:left;
    top:20px;
    left:260px;
    background-image:url(../images/dialog.png);
    width:120px;
    height:39px;    
    line-height:45px;
    vertical-align:bottom;
    color:#ccc;
    font-family:Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
    position:relative;
}
div.copyright
{
    font-family:Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
    color:#F4FFFF;
    font-size:18px;
    left:0px;
    top:0px;
    margin-top:40%;
    position:absolute;
    width:100%;
}
ul.login
{
    width:120px;
    left:132px;
    top:100px;
    position:relative;
} 
li.login
{
    text-align:left;
    width:120px;
    top:15px;
    left:0px;
    position:relative;
}
li.login1
{
    text-align:center;
    width:600px;
    height:130px;
    font-family:Mistral;
    font-size:120px;
    color:#F4FFFF;
    top:15px;
    left:0px;
    position:relative;
    background:url(../images/login_line.png) no-repeat bottom;

    
}
li.login2
{
    text-align:center;
    width:600px;
    height:22px;
    font-family:Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
    font-size:28px;
    color:#F4FFFF;
    top:20px;
    left:0px;
    position:relative;
}
ul.un
{
    left:2px;
    top:2px;
    position:relative;
}
li.login3_l
{
    background-image:url(../images/user_pic.png);
    background-repeat:no-repeat;
    background-position:center;
    width:40px;
    height:34px;
    top:-2px;
    left:0px;
    position:relative;
    float:left;
}
li.login3_m
{
    width:187px;
    height:34px;
    top:0px;
    left:0px;
    position:relative;
    float:left;
}
li.login3_r
{
    width:34px;
    height:34px;
    top:-34px;
    left:221px;
    position:relative;
    float:left;
}
ul.pw
{
    top:2px;
    left:2px;
    position:relative;
}
li.login4_l
{
    background-image:url(../images/pw_pic.png);
    background-repeat:no-repeat;
    background-position:center;
    width:40px;
    height:34px;
    top:-2px;
    left:0px;
    right:5px;
    position:relative;
    float:left;
}
li.login4_m
{
    width:180px;
    height:34px;
    top:0px;
    left:0px;
    position:relative;
    float:left;
}
li.login4_r
{
    width:34px;
    height:34px;
    top:2px;
    left:0px;
    position:relative;
    float:left;
}
/*-----------------圆角---------------------*/
#box1{height:1px;margin-left:5px;margin-right:5px;background-color:#ccc;}
#box2{height:1px;margin-left:3px;margin-right:3px;background-color:#fff;}
#box3{height:1px;margin-left:2px;margin-right:2px;background-color:#fff;}
#box4{height:1px;margin-left:1px;margin-right:1px;background-color:#fff;}
#box5{height:1px;margin-left:1px;margin-right:1px;background-color:#fff;}
.box{width:260px;height:40px;}
#body{height:30px;background-color:#fff;border-left:1px #ccc solid;border-right:1px #ccc solid;}
.smallbox{border-left:1px #ccc solid;border-right:1px #ccc solid;}
.smallbox1{border-left:2px #ccc solid;border-right:2px #ccc solid;}
/*-----------------圆角---------------------*/